.sildeUp-enter{
    transform: translateY(20px);
    opacity: 0;
}
.sildeUp-enter-active{
    transition: all 1s;
}

#comming{
    position: relative;
    top: 48px;
    left: 0;
    padding-right: 18px;
    .list-wrap{
       background-color: #f5f5f5;
       overflow: hidden;
       .most-expect{
           width: 100%;
           height: 220px;
           background: #fff;
           padding: 12px 0 12px 15px;
           .ex-title{
               margin-bottom: 12px;
               text-align: left;
               font-size: 14px;
               color: #333;
           }
           .most-expect-list{
               height: 164px;
               overflow-x: scroll;
               white-space: nowrap;
               >div{
                   height: 100%;
                   .expect-item{
                       width: 85px;
                       height: 100%;
                       margin-right: 10px;
                       display: inline-block;
                       text-align: left;
                       .poster{
                           width: 100%;
                           height: 115px;
                           position: relative;
                           margin-bottom: 6px;
                           >img{
                               width: 100%;
                               height: 100%;
                           }
                           .wish-bg{
                               position: absolute;
                               bottom: 0;
                               left: 3px;
                               color: #faaf00;
                               font-size: 11px;
                               font-weight: 600;
                               z-index: 99;
                           }
                           .wish-bg-mask{
                               width: 100%;
                               height: 18px;
                               position: absolute;
                               bottom: 0;
                               left: 0;
                               background: black;
                               opacity: 0.6;
                           }
                           .likes{
                               position: absolute;
                               top: 0;
                               left: 0;
                               background: rgba(61,63,71,.6);
                               width: 28px;
                               line-height: 28px;
                               text-align: center;
                               border-bottom-right-radius: 10px;
                               >img{
                                   width: 10px;
                                   height: 10px;
                               }
                           }
                       }
                       .name{
                           width: 100%;
                           height: 19px;
                           font-size: 13px;
                           color: #222;
                           margin-bottom: 3px;
                       }
                       .date{
                           width: 100%;
                           height: 17px;
                           font-size: 12px;
                           color: #999;
                       }
                   }
               }
           }
       }

       .coming-list{
          background-color: #fff;
          margin-top: 10px;
          .group-date{
              padding: 12px 15px 0;
              font-size: 14px;
              color: #333;
              text-align: left;
          }
          .item{
              height: 114px;
              padding-left: 15px;
              .main-block{
                  position: relative;
                // display: flex;
                  width: 100%;
                  .pic{
                      min-width: 64px;
                      width: 64px;
                      height: 90px;
                      margin-top: 12px;
                      position: relative;
                      float: left;
                      background: black;
                      >img{
                          width: 100%;
                          height: 100%;
                      }
                  }
                  .contents-wrap{
                      height: 90px;
                      min-height: 90px;
                      position: relative;
                    // flex: 1;
                      padding-top: 12px;
                      margin-left: 75px;
                    // margin-left: 12px;
                      text-align: left;
                      .content{
                          height: 100%;
                          margin-right: 60px;
                          padding-right: 5px;
                          .movie-title{
                              max-height: 24px;
                              line-height: 24px;
                              margin-bottom: 5px;
                              font-size: 17px;
                              font-weight: 700;
                              color: #333;
                              padding-right: 5px;
                              margin-right: -60px;
                              .title,.label{
                                  display: inline-block;
                              }
                              .label{
                                height: 14px;
                                margin-left: 5px;
                                vertical-align: text-top;
                                >img{
                                    width: 100%;
                                    height: 100%;
                                    
                                }
                              }
                          }
                          .movie-detail{
                              box-sizing: border-box;
                              line-height: 1.5;
                              .wantsee{
                                  font-size: 13px;
                                  color: #666;
                                  .num{
                                      font-size: 15px;
                                      color: #faaf00;
                                      font-weight: 600;
                                  }
                              }
                              .actors,.showtime{
                                font-size: 13px;
                                color: #666;
                              }
                          }
                      }
                      .btn-block{
                          position: absolute;
                          top: 43px;
                          right: 8px;
                          .btn{
                              width: 47px;
                              height: 27px;
                              line-height: 27px;
                              border: none;
                              color: #fff;
                              background-color: #3c9fe6;
                              text-align: center;
                              border-radius: 5px;
                              font-size: 12px;
                          }  
                      }
                  }
              }
          }
       }
    }
}